/* 头部 */
.fixed-content{
    /* position: relative;
    top: 0;
    bottom:0.8rem;
    width:100%; */
    /* overflow:scroll; */
    padding-bottom: 0.8rem;
  }
  .info-detail-header .header-left {
      position: absolute;
      left: 0.32rem;
      width: 0.32rem;
      height: 0.32rem;
  }

  .info-detail-header .header-left img {
      width: 0.32rem;
      height: 0.32rem;
  }

  .info-detail-header .header-right {
      position: absolute;
      right: 0.32rem;
      /*width: 0.32rem;*/
      height: 0.32rem;
  }

  .info-detail-header .header-right img {
      width: 0.32rem;
      height: 0.32rem;
  }

  /* 内容 */
  .info-detail-content-top {
      margin-top: 0.88rem;
      padding-left: 0.38rem;
      padding-right: 0.42rem;
  }

  .info-detail-content-top-left {
      float: left;
  }

  .info-detail-content-top-left .imgBox {
      width: 0.72rem;
      height: 0.72rem;
      margin-right: 0.24rem;
      display: inline-block;
      vertical-align: top;
      /* background-color: red; */
  }

  .info-detail-content-top-left .imgBox img {
      width: 0.72rem;
      height: 0.72rem;
  }

  .info-detail-content-top-left .titleBox {
      display: inline-block;
      vertical-align: top;
      width: 3.92rem;
      /* height: 0.88rem; */
  }

  .info-detail-content-top-right {
      /* float: right; */
      width: 1.04rem;
      height: 0.46rem;
      border-radius: 0.24rem;
      border: 1px solid #C7000B;
      margin-top: 0.14rem;
      text-align: center;
      color: #C7000B;
  }

  .info-detail-content-top-right.active {
      color: #fff;
      background: #C7000B;
  }

  .info-detail-content-top-right span {
      width: 0.48rem;
      height: 0.34rem;
      font-size: 0.24rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.34rem;
  }

  .iconBox1 {
      padding-left: 0.4rem;
      height: auto;
  }

  .iconBox1.active {
      padding-left: 0.4rem;
      max-height: 2.1rem;
      overflow: hidden;
  }

  .info-detail-content-music-play {
      width: 0.6rem;
      height: 0.6rem;
      background: #C7000B;
      border-radius: 50%;
      position: absolute;
      /* top: 0.58rem; */
      right: 0.26rem;
      top: 50%;
      transform: translateY(-50%);
  }

  .info-detail-content-music-play-pic {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .info-detail-content-music-play-pic img {
      width: 0.2rem;
      height: 0.2rem;
  }

  .info-detail-content-charts {
      margin: 0.48rem 0.4rem 0.52rem;
      height: 3rem;
      /* background: pink; */
  }

  .info-detail-content-footer {
      margin-bottom: 0.42rem;
  }

  .info-detail-content-footer-praise-box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .info-detail-content-footer-praise-box .box1 .img1,
  .info-detail-content-footer-praise-box .box1 .img2 {
      width: 0.36rem;
      height: 0.36rem;
      /* display: none; */
  }

  .info-detail-content-footer-pic {
      text-align: center;
      display: flex;
      justify-content: space-around;
      align-items: center;
  }

  .info-detail-content-footer-pic .pic {
      display: inline-block;
      flex: 1;
  }

  .info-detail-content-footer-pic .pic img {
      width: 0.64rem;
      height: 0.64rem;
  }

  .info-detail-recommend {
      padding: 0.32rem 0.32rem 0.52rem;
  }

  .info-detail-recommend-content {
      width: 100%;
  }

  .info-detail-recommend-content ul {
      list-style: none;
      padding: 0;
  }

  .info-detail-recommend-content ul li {
      overflow: hidden;
  }

  .info-detail-recommend-content ul li:last-child {
      display: none;
  }

  .info-detail-recommend-content ul li .content-left {
      float: left;
  }

  .info-detail-recommend-content ul li .content-left .content-left-litterText span:nth-child(1) {
      margin-right: 0.28rem;
  }

  .info-detail-recommend-content ul li .content-right {
      float: right;
      width: 2.12rem;
      height: 1.3rem;
  }

  .info-detail-recommend-content ul li .content-right .content-right-img {
      width: 2.12rem;
      height: 1.3rem;
      border-radius: 0.08rem;
  }

  .info-detail-comment {
      padding: 0.32rem 0.32rem .2rem;
  }

  .info-detail-comment-content {
      width: 100%;
  }

  .info-detail-comment-content ul {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .info-detail-comment-content ul li {
      position: relative;
      /* min-height: 2.24rem; */
      margin-bottom: 0.58rem;
      padding-left: 0.88rem;
      display: flex;
      justify-content: space-between;
  }

  .info-detail-comment-content ul li .comment-content-left {
      position: absolute;
      /* background: pink; */
      width: 0.64rem;
      height: 1.76rem;
      border-radius: 50%;
      top: 0;
      left: 0;
  }

  .info-detail-comment-content ul li .comment-content-left img {
      width: 0.64rem;
      height: 0.64rem;
      border-radius: 50%;
  }
  .info-detail-comment-content ul li .comment-content-right {
    flex: 3;
  }
  .info-detail-comment-content ul li .comment-content-right .litterIcon {
      position: relative;
      height: 0.34rem;
  }

  .info-detail-comment-content ul li .comment-content-right-r .iconBox {
    margin-left: .2rem;
  }

  .info-detail-comment-content ul li .comment-content-right-r .iconBox span:nth-child(1) {
      /* position: absolute; */
      width: 0.35rem;
      height: 0.35rem;
      /* right: 1.04rem; */
  }

  .info-detail-comment-content ul li .comment-content-right-r .iconBox span img {
      width: 0.35rem;
      height: 0.35rem;
  }

  /* .info-detail-comment-content ul li .comment-content-right-r .litterIcon .iconBox span:nth-child(2) {
      position: absolute;
      width: 0.32rem;
      height: 0.32rem;
      right: 0.22rem;
  } */

  /* .info-detail-comment-content ul li .comment-content-right-r .litterIcon .iconBox span:nth-child(2) img {
      width: 0.32rem;
      height: 0.32rem;
  } */
  .info-detail-comment-content ul li .comment-content-right .comment-isTop {
      color: #FEA800;
      border: 1px solid #FEA800;
      border-radius: 5px 0 5px 0;
      font-size: .24rem;
      padding: .02rem .1rem;
      margin-left: .22rem;
  }

  .info-detail-footer div {
      display: inline-block;
      /* vertical-align: middle; */
  }

  .info-detail-footer .comment img {
      width: 0.36rem;
      height: 0.36rem;
      margin-right: 0.2rem;
  }

  .info-detail-footer .praise img {
      width: 0.36rem;
      height: 0.36rem;
      margin-right: 0.2rem;
  }

  .info-detail-footer .collect img {
      width: 0.36rem;
      height: 0.36rem;
  }

  p img {
      max-width: 6.7rem;
      overflow: hidden;
  }

  .footer-noconfirm {
      display: block;
  }

  .footer-confirm {
      display: none;
  }

  .partOne {
      height: 1.24rem;
  }

  .followBox {
      float: right;
  }

  .secondcomment-seeAll {
      padding: 0.1rem 0.2rem;
      /* height: 0.34rem; */
      /* margin-left: 0.46rem; */
      background: rgba(216, 216, 216, 0.24);
  }

  .secondcomment-seeAll span {
      font-family: PingFangSC-Regular;
      font-size: 0.24rem;
      color: rgba(0, 0, 0, 0.65);
      line-height: 0.34rem;
  }

  /*  */
  .info-detail-header {
      width: 100%;
      height: 0.88rem;
      padding: 0.28rem 0.32rem;
      position: fixed;
      top: 0;
      /* top: 0.25rem; */
      z-index: 999;
  }

  .info-detail-header .header-title {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      font-size: 0.32rem;
      font-weight: 600;
      width: 4.3rem;
      /* 2.56rem; */
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
  }

  .info-detail-content-top-left .titleBox div:nth-child(1) {
      font-size: 0.28rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      margin-bottom: 0.14rem;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
  }

  .info-detail-content-top-left .titleBox div:nth-child(2) {
      height: 0.34rem;
      font-size: 0.24rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.34rem;
  }

  .info-detail-content-title {
      font-size: 0.44rem;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      line-height: 0.62rem;
      margin-bottom: 0.12rem;
      padding: 0 0.4rem;
      word-wrap: break-word;
  }

  .info-detail-content-subtitle {
      padding: 0 0.4rem;
      height: 0.36rem;
      font-size: 0.26rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.36rem;
  }

  .seeAllIcon {
      position: absolute;
      right: 0.32rem;
      font-size: 0.24rem;
  }

  .info-detail-content-littleIcon .litterIcon-box {
      display: inline-block;
      padding: 0 0.08rem;
      margin-bottom: 0.2rem;
      margin-right: 0.1rem;
      position: relative;
      height: 0.5rem;
      /* line-height: 0.5rem; */
  }

  .info-detail-content-littleIcon .litterIcon-box .litterIcon-box-span1 {
      display: inline-block;
      vertical-align: middle;
      height: 0.5rem;
      font-size: 0.24rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.5rem;
  }

  .info-detail-content-littleIcon .litterIcon-box .litterIcon-box-span2 {
      display: inline-block;
      vertical-align: middle;
      height: 0.5rem;
      font-size: 0.24rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #00AE1F;
      line-height: 0.5rem;
      margin-right: 0.16rem;
  }

  .info-detail-content-littleIcon .litterIcon-box .litterIcon-box-span3 {
      width: 0.08rem;
      height: 0.5rem;
      position: absolute;
      right: 0.08rem;
      top: 50%;
      transform: translateY(-50%);
  }

  .info-detail-content-littleIcon .litterIcon-box .litterIcon-box-span3 img {
      vertical-align: middle;
      width: 0.08rem;
      height: 0.12rem;
  }

  .info-detail-content-music {
      margin: 0 0.4rem;
      height: 1.5rem;
      margin-top: 0.16rem;
      position: relative;
  }

  .info-detail-content-music-title {
      width: 5.32rem;
      position: absolute;
      left: 0.28rem;
      top: 0.28rem;
      height: 0.8rem;
      font-size: 0.3rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 0.44rem;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
  }

  .info-detail-content-sketch {
      margin: 0.36rem 0.4rem 0.32rem;
      padding: 0.22rem 0.26rem 0.22rem 0.24rem;
  }

  .info-detail-content-sketch .info-detail-content-sketch-content {
      /* height: 0.88rem; */
      font-size: 0.3rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.44rem;
  }

  .info-detail-content-maintext1 {
      margin: 0 0.4rem;
      font-size: 0.32rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.6rem;
  }

  .info-detail-content-maintext2 {
      margin: 0.52rem 0.4rem 0.26rem;
      font-size: 0.32rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.6rem;
  }

  .info-detail-content .info-detail-content-lastText {
      margin: 0 0.4rem 0.48rem;
      font-size: 0.24rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.36rem;
  }

  .info-detail-content-footer-praise {
      width: 1.2rem;
      height: 1.2rem;
      border-radius: 50%;
      margin: 0 auto;
      position: relative;
  }

  .info-detail-content-footer-praise-box .box2 {
      text-align: center;
      font-size: 0.2rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.28rem;
  }

  .info-detail-content-footer-desc {
      text-align: center;
      margin-top: 0.12rem;
      margin-bottom: 0.26rem;
      font-size: 0.24rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.34rem;
  }

  .info-detail-recommend-title {
      height: 0.5rem;
      font-size: 0.36rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 0.5rem;
      margin-bottom: 0.32rem;
  }

  .info-detail-recommend-content ul .solidLi {
      width: 100%;
      height: 0.02rem;
      margin-top: 0.34rem;
      margin-bottom: 0.34rem;
  }

  .info-detail-recommend-content ul li .content-left .content-left-main {
      width: 4.52rem;
      font-size: 0.3rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 0.44rem;
      margin-bottom: 0.42rem;
  }

  .info-detail-recommend-content ul li .content-left .content-left-litterText span {
      height: 0.34rem;
      font-size: 0.24rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.34rem;
  }

  .info-detail-comment-title {
      height: 0.82rem;
      font-size: 0.36rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 0.5rem;
      padding-bottom: 0.32rem;
  }

  .info-detail-comment-content ul li .comstatus {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 0.24rem;
      font-weight: 400;
  }

  .info-detail-comment-content ul li .comment-content-right .name {
      height: 0.62rem;
      font-size: 0.28rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 0.4rem;
      padding-bottom: 0.22rem;
  }

  .info-detail-comment-content ul li .comment-content-right .explain {
      word-break: break-all;
      word-wrap: break-word;
      font-size: 0.32rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.48rem;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      margin-bottom: 0.2rem;
  }
  .info-detail-comment-content ul li .comment-content-right .litterIcon {
    margin-bottom: 0.2rem;
  }

  .info-detail-comment-content ul li .comment-content-right .litterIcon span {
      height: 0.34rem;
      font-size: 0.24rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 0.34rem;
  }

  .info-detail-comment-content ul li .comment-content-right .litterIcon .iconBox span:nth-child(3) {
      position: absolute;
      right: 0;
      height: 0.3rem;
      font-size: 0.24rem;
      font-family: MicrosoftYaHeiUI;
      line-height: 0.3rem;
  }

  .info-detail-footer {
      width: 100%;
      padding: 0.2rem 0.32rem 0.2rem;
      position: fixed;
      bottom: 0;
      display: flex;
      align-items: end;
  }

  .info-detail-footer input {
      width: 100%;
      /* 4.68rem; */
      height: 0.6rem;
      border-radius: 0.8rem;
      padding-top: 0.12rem;
      padding-bottom: 0.12rem;
      padding-left: 0.28rem;
      margin-right: 0.3rem;
      font-size: 0.26rem;
  }
  .info-detail-footer .mainfooter {
    white-space: nowrap;
  }
  .info-detail-footer .mainfooter .footer-confirm {
    line-height: .6rem;
  }

  .info-detail-blank {
      height: 0.14rem;
      width: 100%;
  }

  .info-detail-font-change {
      height: 100%;
      width: 7.5rem;
      z-index: 1001;
      top: 0;
  }

  .info-detail-font-content{
      padding: 0 0.46rem;
      height: 1.56rem;
      width: 7.5rem;
      border-radius: 8px 8px 0px 0px;
  }

  .info-detail-font-normal{
      height: 1px;
      width:100%;
  }

  .info-detail-font-shortline{
      height:0.1rem;
      width:1px;
      top:0.145rem
  }


  .info-detail-font-dot{
      border-radius: 1rem;
      height: 0.34rem;
      width: 0.34rem;
      top: 0.3rem;
      left: 0.3rem;
  }
  .info-detail-font-dot-mid{
      left: 3.6rem;
  }

  .info-detail-font-dot-right{
      left: 6.8rem;
  }

  .info-detail-font-mask{
      height: 0.16rem;
      width: 7.5rem;
  }
  .info-detail-font-sure{
      width: 7.5rem;
      height: 0.98rem;
  }


  .info-detail-auth { padding: .15rem .4rem; }
  .info-auth-photo img { width: 70px }
  .info-auth-content {
      flex: 1;
      padding: .10rem 0;
      font-size: 12px;
      overflow: hidden;
  }
  .info-auth-content p { margin: 0 0 .05rem 0 }
  .info-auth-content a { text-decoration: none }
  .info-auth-content p:last-child { margin-bottom: 0 }
  .info-auth-content .auth-mark {
      display: inline-block;
      background: #FFE8E6;
      color: #C7000B;
      padding: 3px 6px;
      margin-left: .12rem;
  }
  .advertising { margin: .24rem 0 .24rem }
  .advertising img { max-width: 200px }